<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>替换工具 - lifanko</title>
    <link rel="icon" href="https://hpu.lifanko.cn/static/common/favicon.ico" type="image/x-icon">
    <style>
        pre {
            white-space: pre-wrap;
            word-wrap: break-word;
            padding: 10px;
        }

        button {
            margin-left: 5px;
        }
    </style>
</head>
<body>
<div id="box" style="width: 99%">
    <textarea id="input" placeholder="Paste the text that you want to replace some characters"
              style="width: 100%;height: 40%;padding: 5px;resize: vertical;"></textarea>
    <div style="position: relative;margin-top: 8px">Replace:
        <input id="from" type="text" placeholder="">
        to:
        <input id="to" type="text" placeholder="">
        <button onclick="rep()">Replace</button>
        <button onclick="wipe()">Clear</button>
        <div style="position: absolute;top: 0;right: -12px">
            <button onclick="showNum()" id="num">InputNumber</button>
            <button onclick="reverse()">Swap I/O</button>
            <button onclick="stripHTML()">StripHTML</button>
        </div>
    </div>
    <pre id="output" style="width: 100%;border: 1px #a3a3a3 solid;padding: 5px"></pre>
    <p style="font-size: 12px;margin-bottom: 10px">&copy; Copyright
        <a href='https://hpu.lifanko.cn/' style='color: #333' target="_blank">lifanko</a> 2017-2019
        <a href='http://www.miitbeian.gov.cn/' style='color: #333' target="_blank">豫ICP备16040860号-1</a></p>
</div>
<script src="app.js"></script>
</body>
</html>